<template>
    <div class="tags">
        <el-tag :key="tag.name" v-for="tag in store.tabList" :closable="tag.name !== 'home'"
        :effect="$route.name === tag.name ? 'dark':'plain'">
            {{ tag.label }}
        </el-tag>
    </div>
</template>

<script setup lang="ts">
import { mainStore } from '../store/index'
const store = mainStore()
</script>

<style scoped lang="less">
.tags{
    padding: 5px;
    .el-tag{
        margin-right: 5px;
        cursor: pointer;
    }
}
</style>